@import './var.less';

body {
    .markdown-body {
        font-size: @supgpt-font-size-3;

        em {
            font-style: italic;
        }

        pre {
            code {
                white-space: pre-wrap;
            }
        }

        h1,
        h2 {
            border-bottom: 1px solid @supgpt-grey-5;
        }

        ol {
            list-style: decimal;

            li {
                list-style: decimal;
            }
        }

        ul {
            list-style: disc;

            li {
                list-style: disc;
            }
        }

        table {
            display: table;
            width: 100%;
            color: @supgpt-font-1;
            background: @supgpt-contentbg-2;
            border-color: @supgpt-grey-5;

            tr {
                background: @supgpt-contentbg-6;
                border-top: 1px solid @supgpt-grey-5;

                &:nth-child(2n) {
                    background: @supgpt-contentbg-1;
                }
            }

            td {
                border: 1px solid @supgpt-grey-5;
                padding: 16px;
            }

            thead,
            .supgpt-ant-table-thead {
                tr {
                    th {
                        background: @supgpt-scene-contentbg-2;
                    }
                }
            }
        }

        blockquote {
            border-color: @supgpt-grey-8;
            color: @supgpt-grey-8;
            border-left-width: 2px;
        }

    }
}